<template>
  <div class="box w-full h-full" >
    <div
      id="specific-parent-id"
      class="w-full h-full"
      :data-type="props.data.type"
      :data-dropid="props.data.id"
    >
      <img src="https://t10.baidu.com/it/u=1460369487,976260256&fm=58" alt="">
      <div
        class="select-none icon-title overflow text-white text-center w-[100px] max-w-[100px] h-[30px] leading-[20px] pt-[8px] relative left-[-14px]"
      >
        {{ data?.name }}
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
const props = defineProps({
  data: {
    type: Object,
    default: () => ({}),
  },
});
</script>
<style scoped lang="scss">
/* .box {
  background-color: red;
} */
#specific-parent-id{
  div,img{
    pointer-events: none;
  }
}
.box{
  img{
    width:100%;
  }
}
</style>
